<section id="tips">
    <h1 class="demo-title">tips</h1>
    <div class="demo-panel">
        <h6>普通提示条</h6>
        <div class="demo-block">
            <div class="tips tips-info">
                提供相关的信息或建议提供相关的信息或建议
            </div>
            <div class="tips tips-warn">
                警示已经发生或可能在未来发生的问题警示已经发生或可能在未来发生的问题
            </div>
            <div class="tips tips-success">
                提示操作成功或流程成功提示
            </div>
        </div>
        <pre lang-prism class="language-html">
            <code class="language-html">
                &lt;div class="tips tips-info"&gt;
                    提供相关的信息或建议提供相关的信息或建议
                &lt;/div&gt;
                &lt;div class="tips tips-warn"&gt;
                    警示已经发生或可能在未来发生的问题警示已经发生或可能在未来发生的问题
                &lt;/div&gt;
                &lt;div class="tips tips-success"&gt;
                    提示操作成功或流程成功提示
                &lt;/div&gt;
            </code>
        </pre>
    </div>
</section>
